<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="height=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<title></title>
		<link rel="stylesheet" href="js/mui/css/mui.min.css">
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/register.css" />
		<link rel="stylesheet" href="css/pagecss/sale-detail.css" />
		<script src="js/mui/js/mui.min.js"></script>
	</head>

	<body>
		<div class="register">
			<header class="mui-bar mui-bar-nav">
				<a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回</a>
				<h1 id="title" class="mui-title">销售单据</h1>
			</header>

			<div id="saleDetail" class="content">
				<template>
					<div class="add-class">
						<a>
							<div class="my-order-item">
								<div class="my-order-item-tit clearfix">
									<span>商品编号：{{detail.OutStoreID}}</span>

								</div>
								<div class="my-order-item-txt">
									<div class="content_line">
										<div class="left_name">销售客户：</div>
										<div class="right_value">{{detail.ClientName}}</div>
										<div style="clear: both;"></div>
									</div>
									<div class="content_line">
										<div class="left_name">仓库名称：</div>
										<div class="right_value">{{detail.WHName}}</div>
										<div style="clear: both;"></div>
									</div>
									<div class="content_line">
										<div class="left_name">单据日期：</div>
										<div class="right_value">{{ChangeDateFormat(detail.BillDate)}}</div>
										<div style="clear: both;"></div>
									</div>
									<div class="content_line">
										<div class="left_name">经手人：</div>
										<div class="right_value">{{getHandName(detail.Handler)}}</div>
										<div style="clear: both;"></div>
									</div>
									<div class="content_line">
										<div class="left_name">收款账户：</div>
										<div class="right_value">{{detail.MultiPayText}}</div>
										<div style="clear: both;"></div>
									</div>
								</div>
								<div class="my-order-item-btn">

									<div class="pos-r">
										应收金额：￥{{fmoney(detail.Amount,2)}}
									</div>

								</div>
								<div class="my-order-item-btn">

									<div class="pos-r">
										实收金额：￥{{fmoney(detail.PaidAmount,2)}}
									</div>
								</div>

								<ul v-for=" (item, index)   in detail.Details" class="mui-table-view mui-table-view-chevron" id="content_body">
									<li>
										<div class="my-order-item-line-one">
											<div class="content_line">
												<label>{{item.ProductID}}&nbsp;&nbsp;{{item.ProductName}}&nbsp;&nbsp;{{item.Color}}</label>
											</div>
										</div>
										<div class="my-order-item-line-two">
											<div class="xulie">
												序列号：{{item.SerialNoList}}
											</div>
											<div class="number">
												{{item.Quantity}}
											</div>
											<div class="privice">
												￥{{fmoney(item.Amount,2)}}
											</div>
											<div style="clear:both"></div>
										</div>
									</li>
								</ul>
								<ul class="mui-table-view mui-table-view-chevron" id="content_body">
									<li>
										<div class="my-order-item-line-two">
											<div class="xulie">
												&nbsp;
											</div>
											<div class="number">
												{{count}}
											</div>
											<div class="privice">
												￥{{fmoney(sumPrice,2)}}
											</div>
											<div style="clear:both"></div>
										</div>
									</li>
								</ul>
							</div>

							<button id="back" type="button" class="confirm-payment mui-action-back">返回</button>
					</div>
				</template>
			</div>
		</div>
		<script src="js/mui/js/mui.min.js"></script>
		<script src="js/libs/axios.min.js"></script>
		<script src="js/pagejs/base.js"></script>
		<script src="js/libs/vue/vue.min-2.4.2.js"></script>
		<script src="js/pagejs/sale-detail.js"></script>
	</body>

</html>